<template>
  <div>
    <v-container>
      <div
        class="d-flex flex-wrap flex-column-reverse flex-md-row"
        height="800"
      >
        <div class="col-12 col-md-3 d-flex flex-column h-100 justify-between">
          <v-sheet class="pa-5 rounded-lg">
            <div class="text-body-1 text-md-h6 font-weight-bold primary--text">
              预约挂号
            </div>
            <div class="text-caption">
              帮助普通患者快速找到选定条件下可预约的专家 (目前只支持部分医院)
            </div>
          </v-sheet>

          <v-sheet class="mt-2 d-flex pa-5">
            <div class="col-0 d-flex pl-0 align-center">
              <v-sheet
                color="primary"
                rounded="circle"
                width="30"
                height="30"
                class="d-flex justify-center align-center"
              >
                <span
                  :class="'iconfont'"
                  class="fontwhite--text"
                  style="font-size: 0.9rem"
                  >&#xe67c;</span
                >
              </v-sheet>
            </div>
            <div class="col-9 pa-0 pl-2">
              <div class="primary--text font-weight-bold">快速筛选</div>
              <div class="text-caption">
                根据区域、医院、科室快速筛选对应班次
              </div>
            </div>
          </v-sheet>
          <v-sheet class="mt-2 d-flex pa-5">
            <div class="col-0 d-flex pl-0 align-center">
              <v-sheet
                color="primary"
                rounded="circle"
                width="30"
                height="30"
                class="d-flex justify-center align-center"
              >
                <span
                  :class="'iconfont'"
                  class="fontwhite--text"
                  style="font-size: 1.2rem"
                  >&#xe619;</span
                >
              </v-sheet>
            </div>
            <div class="col-9 pa-0 pl-2">
              <div class="primary--text font-weight-bold">适用人群</div>
              <div class="text-caption">
                未确定具体病症，希望尽快就医确诊的普通患者
              </div>
            </div>
          </v-sheet>
        </div>
        <div class="col-12 col-md-9">
          <freg-form></freg-form>
        </div>
      </div>
    </v-container>
  </div>
</template>



<script>
import fregForm from "../components/registration/fregForm.vue";
export default {
  components: { fregForm },
};
</script>



<style lang="scss" scoped>
</style>
